body {
    
    margin: 0;
    padding: 0;
    background-image: url('/images/bgr.jpg');
    text-align: center;
    
}

@font-face {
  font-family: "FuturaSB";
  src: url(http://localhost:59125/fonts/ » FuturaSB-BoldItalic.ttf) format("truetype");
}

@font-face {
  font-family: "VistaSA";
  src: url(http://localhost:59125/fonts/ » VistaSansAltBlackIt.ttf) format("truetype");
}

/* header */
header{
    
    width: 90%;
    margin-left: 5%;
    
}

header .top{
    
    background-color: #4d4d4d;
    height: 40px;
    
}

header .welcome{
    color: White;
    font-size: small;
    text-align: left;
    padding-top:10px;
    padding-left: 5px;
    float:left;
    width: 50%;
}

header .search{
    
    
    
}

header .logo{
    background-image: url('/images/logo.png');
    width: 298px;
    height: 70px;
}


/* header */
nav{
    background-color: #4d4d4d;
    height: 25px;
    width: 90%;
    margin-left: 5%;
}

nav .text{
    color:White;
    font-size: small;
    float:left;
    padding:5px;
    border-right: 2px solid white;
}




/* Center */
#center{
    background-color: White;
    width: 90%;
    height:450px;
    margin-left: 5%;
    padding: 0;
    border:1px solid white;
}

#center table{
	width:100%;
	margin:0;
	padding:0;
}

#center tr,td{
	margin:0;
	padding:0;
}

#center .list{
    width: 69.90%;
    height: 450px;
    float:left;
    border-right: 1px solid black;
	margin:0;
	padding:0;
}

/* Folder */

#center .info{
    width: 30.01%;
    height: 448px;
    border-right: 0px solid red;
    background-color: #efefef;
    float:left;
}

#center .listFolder{
    width: 100%;
    margin-top: 0px;
    height: 300px;
    background-color: #ffffff;
    float:left;
}

#center .listfile{
    width: 100%;
    height: 140px;
    border-top: 1px solid black;
    background-color: #fff;
    float:left;
}

#center .folderClose{
	background-image: url('/images/folder_close.jpg');
	width:78px;
	height:65px;	
	float:left;
	margin:20px 39px 20px 39px;
	cursor:pointer;
}

#center .folderOpen{
    background-image: url('/images/folder_close.jpg');
    width:78px;
    height:65px;
	float:left;
	margin:10px;
	cursor:pointer;
}

#center .foldername{
	position:relative;
	margin-top:69px;	
	font-size: 9px;
	
}

#center .file{
	position:relative;
	margin-top:10px;
	margin-left:15px;	
	font-size: 9px;
	text-align:left;
}


/* User */
#center .UserInfo{
    width: 90.01%;
    height: 348px;
    border-right: 0px solid red;
    background-color: #efefef;
    float:left;
    text-align: left;
    padding: 10px;
}

#center .UserInfo label{
    width: 150px;
    height: 28px;
    float: left;
    text-align:left;
    padding-top: 10px;
    font-size: 10pt;
}

#center .UserInfo input{
    width: 150px;
    height: 12px;
    float: left;
    text-align:left;
    padding-top: 5px;
    margin-top: 5px;
    font-size: 10pt;
}

#center .UserInfo fieldset{
	
	border:0;
	font-weight: bold;
		
}

#center .UserInfo .inputSubmit{
	
	width: 100%;
	height: 38px;
    float: left;
    text-align:center;
    font-size: 12pt;
	
}

#center .UserInfo .message{
	display:block;
	height:20px;
	width: 300px;
	border:1px solid red;
	font-size: 10pt;
	text-align: center;
}

#center .UserInfo .message_ok{
	display:block;
	height:20px;
	background-color: green;
	color: white;
}
#center .UserInfo .message_ko{
	display:block;
	height:20px;
	background-color: red;
	color: white;
}

#center .listUsers{
    width: 100%;
    margin-top: 0px;
    height: 300px;
    background-color: #ffffff;
    float:left;
}

#center .user{
	background-image: url('/images/folder_close.jpg');
	width:78px;
	height:65px;	
	float:left;
	margin:20px 39px 20px 39px;
	cursor:pointer;
}

/* Footer */
footer{
    background-color: black;
    width: 90%;
    height:20px;
    margin-left: 5%;
    color: White;
    font-size: 10px;
    text-align: left;
}

footer a,a:hover, a:visited{
	color:#fff;
	text-decoration: none;
}

footer h1{
    margin:0px;
    padding:3px;
    font-size: 12px;
    float:left;
    font-family: "FuturaSB", sans-serif;
}

footer h2{
    margin:0px;
    padding:3px;
    font-size: 12px;
    float:left;
    font-family: "VistaSA", sans-serif;
}
